@import "../../public/less/index.less";
.foot-nav {
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  .h(103);
  z-index: 10;
  //background: @nav-bottom-bg-color;
  display: block;
  color: #919191;
  .foot {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #F8F8F8;
    .pt(15);
    width: 100%;
    height: 100%;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: space-between;
    align-content: center;
    background-color: #FFF;
    .evenavi.active {
      .tab1,.tab2,.tab3{
        display: inline-block;
        .h(38);
        .w(38);
        background-size: cover;
      }
      color: #00c4d2;
      .tab1 {
        background-image: url("../../public/images/bgyp1.png");
      }
      .tab2 {
        background-image: url("../../public/images/bgsh1.png");
      }
      .tab3 {
        background-image: url("../images/ibg.png");
      }
    }
    .evenavi {
      color: #5D656B;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center;
      box-sizing: border-box;
      display: block;
      .fs(18);
      .tab1,.tab2,.tab3{
        display: inline-block;
        .h(38);
        .w(38);
        background-size: cover;
      }
      .tab1 {
        background-image: url("../../public/images/bgyp0.png");
      }
      .tab2 {
        background-image: url("../../public/images/bgsh0.png");
      }
      .tab3 {
        background-image: url("../images/mybg.png");
      }
    }
  }
}